<template>
  <div class="AppFooter">
    <div class="FooterContent">
      <ul>
        <li><b>购物指南</b></li>
        <li>购物流程</li>
        <li>会员介绍</li>
        <li>生活旅行/团购</li>
        <li>常见问题</li>
        <li>大家电</li>
        <li>联系客服</li>
      </ul>
      <ul>
        <li><b>配送方式</b></li>
        <li>上门自提</li>
        <li>211限时达</li>
        <li>配送服务查询</li>
        <li>配送费收取标准</li>
        <li>海外配送</li>
      </ul>
      <ul>
        <li><b>支付方式</b></li>
        <li>货到付款</li>
        <li>在线支付</li>
        <li>分期付款</li>
        <li>公司转账</li>
      </ul>
      <ul>
        <li><b>售后服务</b></li>
        <li>售后政策</li>
        <li>价格保护</li>
        <li>退款说明</li>
        <li>返修/退换货</li>
        <li>取消订单</li>
      </ul>
      <div class="weChet">
        <img src="" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang='less'>

ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.AppFooter{
  height: 200px;
  width: 100%;
  border: 1px solid #dedede;
  background-color: #dedede;
  float: left;
  .FooterContent{
    width: 1200px;
    height: 200px;
    margin:0 auto;
    padding-top:25px;
    // background-color: pink;
    display: flex;
    justify-content: space-around;
    ul{
      box-sizing: border-box;
      li{
        font-size: 10px;
        line-height: 20px;
        b{
          font-size: 15px!important;
      }
      }
    }
    .weChet{
      // background: url();
      width: 100px;
      height: 100px;
      &::after{
        content: '联系客服';
        display: block;
        text-align: center;
      }
      img{
        width: 100%;
      }
    }
  }
}
</style>
